<template>
	<view class="cp-tit">请选择身高</view>
	<view class="sg-num">
		173<text>cm</text>
	</view>
	<view class="sg-select"></view>
	<bottom-box :buts="buts" @change="butChange"></bottom-box>
</template>

<script setup>
	import { onShow } from '@dcloudio/uni-app'
	import { ref, reactive, getCurrentInstance } from 'vue';
	const { proxy: that } = getCurrentInstance();
	const buts = [{
		label: '上一项',
		bgColor: 'uni-orange-bg',
		width: 300
	}, {
		label: '下一项',
		bgColor: 'uni-color-main-bg',
		width: 300
	}]
	
	function butChange(e) {
		if (e) {} else {
			uni.navigateTo({
				url: '/pages/ask-questions/answer'
			})
		}
	}
</script>

<style lang="scss">
	.cp-tit{
		font-size: 48rpx;
		font-weight: 500;
		color: $uni-text-color;
		line-height: 66rpx;
		text-align: center;
		margin-top: 200rpx;
	}
	.sg-num{
		font-size: 72rpx;
		font-weight: 600;
		color: $uni-text-color-main;
		line-height: 56rpx;
		display: flex;
		align-items: flex-end;
		justify-content:center;
		margin-top: 120rpx;
	}
	.sg-num text{
		font-size: 24rpx;
		font-weight: 400;
		line-height: 36rpx;
		display: inline-block;
	}
	.sg-select{
		height: 120rpx;
		background: #F2F8F7;
		margin: 36rpx 48rpx 30rpx;
	}
</style>
